<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<title>我要技术咨询</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
	<meta name="format-detection" content="telephone=no" />
	<link type="text/css" rel="stylesheet" href="{weixin::$staticFilePath}/css/style.css" />
    <link type="text/css" rel="stylesheet" href="/tpl/Wap/default/common/css/products/4/css/style.css" />
	<script src="{weixin::$staticFilePath}/js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="{weixin::$staticFilePath}/js/main.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src='/tpl/Wap/default/js/share.js'></script>
    <script type="text/javascript">
	var title = "{weixin:$name}";
    var desc  = "{weixin:$wxshop.wxshop_desc}";
	var link  = "{weixin::C('site_url')}/index.php?g=Wap&m=Product&a=products&token={weixin:$_GET['token']}";
    var imgUrl = "{weixin::C('site_url')}/images/logo.png";
	var appId= '{weixin:$signPackage["appId"]}';
    var timestamp = '{weixin:$signPackage["timestamp"]}';
    var nonceStr = '{weixin:$signPackage["nonceStr"]}';
    var signature= '{weixin:$signPackage["signature"]}';
	$(function(){ 
  		share(title,desc,link,imgUrl,appId,timestamp,nonceStr,signature);
 	}); 
    </script>
     <style>
     .maincontainer {
    min-height: 100%;
    height: auto !important;
    margin: 0px auto;
    position: relative;
    padding-bottom: 110px;
	}
	* {
    box-sizing: border-box;
	}
	*:before, *:after {
    box-sizing: border-box;
	}
	body {
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #333;
	}
	.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.mini-innner {
    max-width: 768px;
}
.wx_wrap {
    position: relative;
	min-height: 375px;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}

.p0 {
    padding: 0px;
}
.address_defalut {
    border-bottom: 1px solid #DDD;
    padding: 10px 10px 10px 95px;
    position: relative;
}

a {
    border-bottom-color: #CCC;
    border-bottom-style: none;
    color: #000;
    text-decoration: none;
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    outline: medium none;
	background: none repeat scroll 0% 0% transparent;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
 
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h3, .h3 {
    font-size: 24px;
}

h1, h2, h3 {
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
}

.address_defalut h3, .order_info h3, .pay_type h3, .address_null h3 {
    color: #333;
    font-size: 16px;
    padding: 5px 0px;
    line-height: 16px;
}
.address_defalut h3 {
    padding: 5px 10px;
    margin-top: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}
ul, ol, li, dl, dt {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    outline: 0px none;
}

.address_defalut ul {
    padding: 0px 40px 0px 0px;
    position: relative;
	color: #000;
}

.address_defalut ul:after, .order_info .promo span:after, .order_info .return span:after, .order_info .fitting span:after, .order_info .shipping span:after, .order_info .appointment span:after, .address_null h3:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -10px;
    background-position: 0px -30px;
}

.address_defalut ul:after {
    right: 10px;
}

.wx_confirm_close:after, .address_defalut ul:after, .order_info .promo span:after, .order_info .return span:after, .order_info .fitting span:after, .order_info .shipping span:after, .order_info .appointment span:after, .order_info .invoice span:after, .address_null h3:after, .address_list .edit:after, .appointment_type .date:after, .order_info dt:before, .promo_list dt:after, .invoice_list dt:after, .address_list ul:before, .shipping_type ul:before, .pay_list li:before, .appointment_type ul:before, .promo_list .jd li:before, .promo_list .man li:before, .promo_list .cash li:before, .invoice_list li:before, .address_list_link .item:after {
    background-image: url(/tpl/Wap/default/common/images/v3.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

.address_defalut li {
    word-wrap: break-word;
    word-break: break-all;
}
b, strong {
    font-weight: bold;
}

.mt5 {
    margin-top: 5px;
}
.order_info {
    padding: 0px;
}
.order_info h3 {
    margin: 0px;
    padding-left: 10px;
}
.checkit {
    position: absolute;
    top: 2px;
    right: 23px;
    width: 15px;
    text-align: right;
    margin-top: 5px;
}

.order_info dl {
    border-bottom: 1px dotted #DDD;
}

.order_info .only {
    border-bottom-style: solid;
    padding-top: 5px;
}

dt, dd {
    line-height: 1.42857;
}
dd {
    margin-left: 0px;
}
.order_info dd {
    display: none;
}

.order_info .only dd {
    display: block;
}

ul, li {
    list-style-type: none;
}

.order_info ul {
    margin-bottom: 10px;
}

.order_info li {
    border-bottom: 1px solid #FFF;
    padding: 14px 10px;
    line-height: 16px;
    position: relative;
}
.order_info .hproduct {
    position: relative;
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}
img {
    border: 0px none;
}
img {
    vertical-align: middle;
}

img {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

.order_info .hproduct .photo {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 10px;
    left: 10px;
}
p {
    margin: 0px 0px 10px;
}
.order_info .hproduct .fn {
    color: #333;
    line-height: 14px;
    width: 90%;
    height: 22px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mini_num_wrap {
    float: left;
    width: 150px;
}
.order_info .hproduct .sku {
    line-height: 24px;
    height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}
i, em {
    font-style: normal;
}

.order_info .hproduct .sku em {
    color: #999;
}
.order_info .hproduct .sku span {
    color: #333;
}

.order_info dt:after, .order_info li:after, .address_new .action:after, .shipping_type ul:after, .appointment_type ul:after, .promo_list .hongbao li:after, .order .order_lst:after, .wx_total:after {
    clear: both;
    content: " ";
    display: block;
}
.pay_area {
    text-align: center;
    padding: 0px 10px 10px;
}
.pay_area .price {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 5px;
}
.pay_area .price strong {
    color: #FC004D;
}
button, input, optgroup, select, textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input, textarea, button, button[type="submit"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]::-moz-focus-inner {
    outline: medium none;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-info {
    color: #FFF;
    background-color: #5BC0DE;
    border-color: #46B8DA;
}

.btn-info-wx {
    color: #FFF;
    background-color: #5EDE5B;
    border-color: #46DA57;
}
.btn-block {
    display: block;
    width: 100%;
}
.mt10 {
    margin-top: 10px;
}
.btn {
    font-size: 15px;
    padding: 10px 12px;
}
.pay_area .btn {
    font-size: 16px;
}
    </style>
</head>

<body style="line-height:1.6">
<form action="" method="post" name="form1" style="padding-bottom:5px;" enctype="multipart/form-data">
<div class="u_main">
<h2><center>我要技术咨询</center></h2>
    <div style="padding: 10px;">
    <div <if condition='$consultation.consult_desc eq " "'>style="display: none;"</if>>
      <div>咨询问题:</div>
    <div>
     {weixin:$consultation.consult_desc}
    </div>
    </div>
    <div <if condition='!$consultation.consult_img'>style="display: none;"</if>>
    <div>咨询问题图片:</div>
    <div>
     <img alt="" src="{weixin:$consultation.consult_img}" width="80%"; height="100px;">
    </div>
    </div>
    <div>咨询费:{weixin:$consultation.consult_fee}元</div>
     <div id="pay_area" class="pay_area" style="-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);">
          <p id="pay1" class="use_pay" style="<if condition="$wxopen eq 0">display:none</if>">
           <button class="btn btn-info-wx btn-block mt10 J_payBtn" rel="alipay" name="submit2" type="submit" value="submit2">微信支付</button>
          </p>
          <p id="pay2" class="use_pay"  style="<if condition="$open eq 0">display:none</if>" >
           <button class="btn btn-info btn-block mt10 J_payBtn" rel="alipay" name="submit1" type="submit" value="submit1">支付宝支付</button>
          </p>	
	      <input type="hidden" name="consult_id" value="{weixin:$consultation['id']}" />
      </div> 
      <div style="text-align: center;font-size: 21px; font-weight: bolder;">
    	<a href="javascript:history.go(-1);">返回</a>
      </div>
    </div>
</div>
</form>
</body>
</html>